<?php
/**
 * Created by JetBrains PhpStorm.
 * User: User
 * Date: 6/11/13
 * Time: 11:02 AM
 * To change this template use File | Settings | File Templates.
 */
?>
<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Get element in JS</title>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
</head>
<body>
<ul>
    <li>list 1</li>
    <li>list 2</li>
    <li><a href="#" title="not title">list 3</a></li>
    <li>list 4</li>
    <li><a href="#" title="title">list 5</a></li>
    <li>list 6</li>
    <li>list 7</li>
</ul>
</body>
</html>
<script type="text/javascript">
    $(function () {
        //Để lựa chọn tất cả các thẻ li, ta dùng
        $('li:first').addClass('selected');
        // Chỉ chọn thẻ li đầu tiên
//        $('li:first').addClass('selected');
//        // Chỉ chọn thẻ li cuối cùng
//        $('li:last').addClass('selected');
//        // Chọn tất cả trừ thẻ li đầu tiên
//        $('li:gt(0)').addClass('selected');
//        // Chỉ chọn các thẻ li chẵn (bắt đầu từ 0)
//        $('li:even').addClass('selected');
//        // Chỉ chọn các thẻ li lẻ (bắt đầu từ 0)
//        $('li:odd').addClass('selected');
//        // Chọn thẻ li thứ tư (bắt đầu từ 1)
//        $('li:nth-child(4)').addClass('selected');
//        // Chọn thẻ li thứ tư (bắt đầu từ 0)
//        $('li:eq(4)').addClass('selected');
//        // Chọn các thẻ a ở trong li có title là "title"
//        $('li a[title=title]').addClass('selected');
//        // Chọn các thẻ a ở ngay sau thẻ li
//        $('li>a').addClass('selected');
    });
</script>